@import "../../../assets/styles/variables.less";
.container {
  height: calc(100% - 100px);
  overflow-y: scroll;
}
.fixpadding{
  padding: 20rpx 34rpx;
}
.content{
  width: 100%;
  background: #ffffff;
  border-radius: 8rpx;
  overflow: hidden;
  box-shadow: 0 2rpx 8rpx 0 rgba(0,122,241,0.20);
  .cover{
    width: 100%;
    height: 240rpx;
    overflow: hidden;
    image{
      width: 100%;
      height: 100%;
    }
  }
  .title{
    margin: 30rpx 0 26rpx 36rpx;
    font-size: 36rpx;
    color: #333333;
    line-height: 36rpx;
    font-weight: bold;
  }
  .intro{
    padding: 0 30rpx;
    color: #999999;
    line-height: 26rpx;
    font-size: 26rpx;
    text-align: justify;
    padding-bottom: 40rpx;
  }
}
.rate{
  display: flex;
  margin: 50rpx 0 30rpx 0;
  .num{
    color: #999999;
  }
}
.chapter-list{
  width: 100%;
  height: 110rpx;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8rpx;
  margin-bottom: 20rpx;
  .chapter-title{
    padding-left: 40rpx;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 600rpx;
  }
  .active{
    color: #4DD659;
    font-size: 40rpx;
  }
  .forward{
    color: #999999;
    margin: 0 34rpx 0 40rpx;
  }
}
.fixed-btn{
  position: fixed;
  width: 100%;
  height: 165rpx;
  bottom: 0;
  left: 0;
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.33); 
  background: #fff;
  z-index: 2;
  .btn-all{
    display: flex;
    padding: 0 34rpx;
    justify-content: space-between;
  }
  .btn-prev{
    width: 326rpx;
    height: 115rpx;
    background: #1e80f5;
    border-radius: 10rpx;
    margin-top: 25rpx;
    text-align: center;
  }
  .btn-next{
    width: 326rpx;
    height: 115rpx;
    background: #1e80f5;
    border-radius: 10rpx;
    margin-top: 25rpx;
    text-align: center;
  }
  .title{
    font-weight: 500;
    font-size: 34rpx;
    color: #ffffff;
    margin-top: 20rpx;
    line-height: 34rpx;
  }
  .name{
    color: rgba(255,255,255,0.60);
    font-size: 24rpx;
    line-height: 34rpx;
    font-weight: 400;
  }
  .disable{
    background: linear-gradient(270deg,#7cb4ff 1%, #8bd4ff);
    color: #fff;
    line-height: 115rpx;
  }
}
